<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/layout">
<title layout:fragment="title">角色管理</title>
<body>
<div class="main-content" layout:fragment="content">
    <div class="breadcrumbs" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
                <a href="/">首页</a>
            </li>
            <li class="active">角色管理</li>
        </ul>
    </div>
    <!-- .page-content -->
    <div class="page-content">
        <div class="page-header">
            <h1 th:text="角色列表"></h1>
        </div>

        <div class="col-xs-12">
            <a th:href="@{/roles/add}" href="" class="btn btn-primary btn-sm">
                添加角色<i class="icon-edit icon-on-right bigger-120"></i>
            </a>
        </div>
        <br>
        <br>
        <div class="col-xs-12">
            <div>
                <form class="form-search" id="search-form">
                    <label for="roleName" style="padding-top: 5px; padding-right: 5px;">角色名称：</label>
                    <input type="text" class="search-query" name="name" id="roleName"/>
                    <label for="roleName" style="padding-top: 5px; padding-right: 5px;">类型：</label>
                    <select id="type" name="type">
                        <option value="">请选择</option>
                        <option th:value="1">平台</option>
                        <option th:value="2">物业</option>
                        <option th:value="3">商城</option>
                    </select>
                    <button type="button" class="btn btn-purple btn-sm" style="margin-bottom: 3px;" id="btn_search">查询<i class="icon-search icon-on-right bigger-110"></i></button>
                    <button type="button" class="btn  btn-sm" style="margin-bottom: 3px;margin-left: 5px" id="btn_search_clear">清空<i class="icon-undo icon-on-right bigger-110"></i></button>
                </form>
            </div>
            <br/>
            <table id="dataTable" class="table table-striped table-bordered table-hover dataTable"
                   aria-describedby="tradeTable_info">
                <thead></thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>
<script layout:fragment="script" th:src="@{/assets/js/role/home.js}"></script>
</body>
</html>